(function (){

   
    
    /**
     * @module 列表项模板
     * @param { string } name
     * @param { string } idCard
     * @param { string } phone
     */ 

    function _Card({name, idCard, phone}){

        const _conf = [

            ['姓名:', name || ''],
            ['身份证:', idCard || ''],
            ['手机号:', phone || '']
            
        ]
        

        /**
         * @module 包裹信息内容
         * @param { string } info 内容信息
         */
        const warpInner = info => {
            return `
            
                <div class='l-card-item-inner l-inline-block'>
                    <div class='l-card-item-info'>
                        ${info}
                    </div>
                    <div data-mark="icon" class='l-card-item-icon l-font-size-32 cCCC iconfont iconquan'></div>
                </div>
            
            `
        } 

        /**
         * @summary 原代码，通过 li 触发事件
         */
        const warpLi = tmp => `<li> ${tmp} </li>`
        

        /**
         * @summary 注意需要配置类， oneIn 原方法需要该类获取元素内容
         */
        return  $app.pipe(
			conf => conf.map(item => [ item[0], `<span class='oneIn'> ${ item[1] } </span>` ]),
            conf => conf.reduce((acc, next) => acc +  $app.CardItem(...next, ''), ''),
            tmp => warpInner(tmp),
            tmp => $app.Card(tmp),
            tmp => warpLi(tmp)
        )(_conf)
        
    }
     



    
    app.section.onReady = function (params) {
        $('#nav2').remove();
    };
    
    app.section.onLoad = function (params) {
    
        var keywordS = $app.getSession('keyword');
        if($app.judgeData(keywordS)){
            $('#_1_topText').val(keywordS);
            $app.removeSession('keyword');
        }
    
        //一般上拉、下拉刷新只选择一种使用，下面同时出现两种只为方便演示
        var iScroll = ui.IScroll.init("#_1_pullrefresh", {
            scrollBar: true,
            enablePullDown: false,
            enablePullUp: true,
            pullUpAction: _1_pullUpAction
        });
        
    
        var page=0;
        function getAlways(){//上拉加载，总函数
            $app.loading();
            page+=1;
            var keyword=$app.inputVal('#_1_topText');

            //获取列表
            $ajax.getAlways(page,keyword,function(res){

                
                $app.iScrollDo(res,iScroll,function(resData){


                    /**
                     * @function 拼接列表
                     */
                    $app.pipe(
                        resData => resData.reduce((acc, next) => acc + _Card(next), ''),
                        tmp => $('#txP_list').append(tmp)
                    )(resData)

    
                });
            });
        }
    
        
        getAlways();//首次执行
    
    
    
        function _1_pullUpAction(refreshCallback) {
            setTimeout(function () {
                getAlways();
                refreshCallback && refreshCallback();
            }, 300);
        }
    
        //搜索
        $('#_1_searchGo').on('click',function(){
            var keyword=$app.inputVal('#_1_topText');
            $app.setSession(keyword,'keyword');
            ui.refresh();
        });
    
    
        // 多选操作
        $('#txP_list').on('tap', 'li', function () {
            var icon = $(this).find('[data-mark="icon"]');
            if (icon.hasClass('cBlue')) {
                icon.addClass('cCCC iconfont iconquan').removeClass('cBlue icon-checkmark');
            } else {
                icon.addClass('cBlue icon-checkmark').removeClass('cCCC iconfont iconquan');
            }
        });
    
        
        //确定同行人
        $('#_1_txOk').on('tap', function () {
            var li = $('#txP_list').children('li');
            if(li.length>0){
                
                if ($('#txP_list .icon-checkmark.cBlue').length < 1) {
                    $app.alert('请选中同行人');
                } else {
    
                    var xTrr = $app.getSession('xArray')||[];//读本地存储，同行人
    
                    var txParrT = [];
                    li.each(function (i, val) {
                        var xZhong = $(val).find('.icon-checkmark.cBlue');
                        //大于0，证明有选中
                        if (xZhong.length > 0) {
                            var span10 = $(val).find('.l-card-item-info').html();
                            txParrT.push(span10);
                        }
                    });
                    
                    var xArray=$app.spanEach(txParrT,xTrr);
                    //人员身份证ID，覆盖重复重新渲染dom

                    $app.chongFu('#_nav1_txP',xArray,function(){
                        
                        ui.back();//页面回去
                        $app.removeSession('xArray');//删除同行人，本地本地存储
                    });
                }
                
            }else{
                console.log('同行人列表为空毛都不处理')
            }
            
        });
    };
    
    app.section.onBack = function () {
        console.log('我回去了!');
        ui.closePopup();//弹框隐藏以防变态操作
    };

    
})(window)